<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .head .subtitle{
      margin: 30px 0 20px;
      font-weight: 400;
      font-size: 18px;
      line-height: 1;
      display: block;
      font-weight: bold;
    }
    .main a{
      color: grey;
    }
    #master{
      position: relative;
      width: 100%;
    }
    #main-body{
      display: flex;
      justify-content: center;
      align-items: center;
    }

    </style>
  </head>
  <body>
    <div id="master">
    <div id="main-body">
    <div class="head">
      <img src="u=481692916,3426959967fm=58.jpg" alt=""  style="width:160px;height:auto"/><br>
      <h2 class="subtitle">与世界分享你的知识、经验和见解</h2>
    </div>
    <div class="main">
      <a href="#">注册</a>
      <a href="#">登录</a><br>
      <form class="input" action="index.html" method="post">
      <input type="text" name="name" value="名字"><br>
      <input type="text" name="cell-phone number" value="手机号(仅支持中国大陆)"><br>
      <input type="text" name="password" value="密码(不少于6位)"><br>
      <input type="text" name="identifying code" value="验证码"><br>
      <input type="button" name="zhucezhihu" value="注册知乎"><br>
      点击[注册]按钮，即代表你同意 <a href="https://www.zhihu.com/terms">《知乎协议》</a>
      <input type="button" name="download" value="下载知乎App"><br>
      </form>
    </div>
    </div>
    <div class="foot">
      <span>@2016知乎</span>
      <a href="https://www.zhihu.com/roundtable">知乎圆桌</a>
      <a href="https://www.zhihu.com/explore">发现</a>
      <a href="https://www.zhihu.com/app/">移动应用</a>
      <a href="https://www.zhihu.com/org/signin">使用机构账号登录</a>
      <a href="https://www.zhihu.com/contact">联系我们</a>
      <a href="https://www.zhihu.com/careers">来知乎工作</a>
      <a href="http://www.miibeian.gov.cn/">京ICP备13052560号</a>
      <span>京公网安备11010802010035号</span>

    </div>
  </div>
  </body>
</html>
